<template>
    <div style="background: #111214;color:#fff; width: 100%;min-height: 100vh;">
      <native :title="title"></native>
      <div class="transactionDetails-home">
          <div class="transactionDetails-home-back">
            <img src="../assets/img/Z.svg" alt="">
            <div class="font-36" style="text-align: center;padding-top: 8px;">{{detailObj.transferNum}}</div>
            <div class="transactionDetails-font1">{{detailObj.currency}}</div>
          </div>
          <div class="transactionDetails-home-bottom">
            <div class="font-fff">发款方</div>
            <div style="margin-top: 3px;margin-bottom: 20px;word-wrap: break-word;">
              <span style="font-family: axis;">{{detailObj.fromAddress}}</span>
              <img src="../assets/img/icon-copy.svg" @click="copyActiveCode" v-clipboard:copy="detailObj.fromAddress">
            </div>
            <div class="font-fff">收款方</div>
            <div style="margin-top: 3px;margin-bottom: 30px;word-wrap: break-word;">
              <span style="font-family: axis;">{{detailObj.toAddress}}</span>
              <img src="../assets/img/icon-copy.svg" @click="copyActiveCode" v-clipboard:copy="detailObj.toAddress">
            </div>
            <div class="font-fff">Memo</div>
            <div style="margin-top: 4px;margin-bottom: 20px;font-size: 13px;">
              潜在百倍币DEFI：在EOS上亏的钱，从DEFI上赚回来。亿级资金托底，稳定月化20%，红利期参与享受百倍收益，支持所有EOS钱包，打开财富链接x.defind.io
            </div>
            <div class="font-fff">交易号</div>
            <div style="margin-top: 3px;margin-bottom: 20px;word-wrap: break-word;">
              <span style="font-family: axis;">{{detailObj.transactionNum}}</span>
              <img src="../assets/img/icon-copy.svg" @click="copyActiveCode" v-clipboard:copy="detailObj.transactionNum">
            </div>
            <div class="font-fff">区块号</div>
            <div style="margin-top: 3px;margin-bottom: 20px;">
              <span style="font-family: axis;">{{detailObj.blockNum}}</span>
              <img src="../assets/img/icon-copy.svg" @click="copyActiveCode" v-clipboard:copy="detailObj.blockNum">
            </div>
            <div class="font-fff">交易时间</div>
            <div style="margin-top: 3px;font-family: axis;">
              {{detailObj.transactionTime}}
            </div>
          </div>
      </div>
    </div>

  </template>

  <script>
  import native from './public/native.vue'
  import { Toast } from 'vant'
  export default {
    name: 'transactionDetails',
    data () {
      return {
        title:'交易详情',
        adress:'hasdewhud112',
        detailObj:{}
      }
    },  
    components:{
      native
    },
    computed: {
      
    },
    mounted() {
      this.detailObj = this.utils.detailObj;
    },
    methods: {
      copyActiveCode(){
        Toast("复制成功");
      },
    },
  }
  </script>

  <!-- Add "scoped" attribute to limit CSS to this component only -->
  <style lang="less" scoped>
    .transactionDetails-home{
      padding:15px;
    }
    .transactionDetails-home-back{
      position: relative;
      img{
        width: 100%;
        padding: 0px 7px;
        position: absolute;
        top:0px;
      }
    }
    .transactionDetails-font1{
      font-size: 24px;
      font-family: axis;
      text-align: center;
    }
    .transactionDetails-home-bottom{
      width: 100%;
      height: 468px;
      background-color: #1E1F24;
      border-radius: 8px;
      margin-top: 48px;
      padding: 23px 13px;
      font-size: 14px;
      color: rgba(255, 255, 255, .4);
    }
    .font-fff{
      color: #fff;
      font-weight: bold;
    }
  </style>
